@import url("font-awesome.min.css");

body {
	color: white;
  background-color: rgb(81,143,146);
  /*
   padding-bottom : 80px;
   */
   height: 100%;
   
}

html { height: 100%; }


article{
	/*
	min-height: 700px;
	*/
	min-height: calc(100% - 100px - 90px - 20px);
}


img.scale{
		-webkit-transition: background-color 1.5s ease;
	    -moz-transition: background-color .75s ease;
	    -o-transition: background-color .75s ease;
	    transition: background-color 1.5s ease;
	}

img.scale:hover{
          -webkit-transform: scale(1.05);
          moz-transform: scale(1.05);
          o-transform: scale(1.05);
          transform: scale(1.05);
        /*
		-webkit-box-shadow: 3px 3px 5px;
          moz-box-shadow: 3px 3px 5px;
          box-shadow: 3px 3px 5px;
          o-box-shadow: 3px 3px 5px;
		 */
}	

li.scale{
	-webkit-transition: background-color 1.5s ease;
	    -moz-transition: background-color .75s ease;
	    -o-transition: background-color .75s ease;
	    transition: background-color 1.5s ease;
}

li.scale:hover{
	   -webkit-transform: scale(1.2);
          moz-transform: scale(1.2);
          o-transform: scale(1.2);
          transform: scale(1.2);
	
}


.scale_text{
	-webkit-transition: background-color 1.5s ease;
	    -moz-transition: background-color .75s ease;
	    -o-transition: background-color .75s ease;
	    transition: background-color 1.5s ease;
}

.scale_text:hover{
	   -webkit-transform: scale(1.2);
          moz-transform: scale(1.2);
          o-transform: scale(1.2);
          transform: scale(1.2);
	
}




#navbar_header{
	
	background-color: #FFFFFF;
}


#add_member_title{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
	height: 50px;
    width: 350px;
	color : rgb(255,255,255);
	background-color: rgb(81,143,146);
	border-radius: 3px;
	border: 1px solid rgb(255,255,255);
}

#forget_password_title{
	
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
	height: 50px;
    width: 450px;
	color : rgb(255,255,255);
	background-color: rgb(81,143,146);
	border-radius: 3px;
	border: 1px solid rgb(255,255,255);
}

#member_login_title{
	
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	padding-top: 8px;
	text-align: center;
	height: 50px;
    width: 450px;
	color : rgb(81,143,146);
	background-color: rgb(255,212,0);
	border-radius: 5px;
}


#bs-example-navbar-collapse-1{
	
	background-color: rgb(62,58,55);
	
	
}

.navbar-default .navbar-nav > li > a {
    color: rgb(255,213,0);
}

.navbar-default .navbar-nav > li > a:hover
 {
            color: rgb(255,0,0);
}


#line1{
	width: 100%;
    height : 3px;
	background-color:rgb(255,255,255); 
	border-radius : 3px;
	margin-top : 30px;
	margin-bottom : 30px;
}


#index-panel-1{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	font-size:20px;
	border-radius:3px;
	width : 100%;
	height : 30px;
	background-color:rgb(255,212,0);
	font-weight: bold;
	color:rgb(81,143,146);
}


#footer_wrap{
    width: 100%;
    height : 90px;
	background-color:rgb(62,58,55); 
	
	/*
	position: fixed;
	bottom: 0;
	*/
}

#nav_wrap{
    width: 100%;
    height : 100px;
	background-color:rgb(62,58,55); 
	position: fixed;
	top: 0;
}

footer{
    /*
	 position: fixed;
	 bottom: 0;
	 
	padding-left: 15%;
    	*/
    border-radius: 5px;
    width: 100%;
    height : 90px;
	text-align:left; 
	background-color:rgb(62,58,55); 
	color:#FFFFFF;
	font-size:10px;
}

.navbar-default {
	background-color:rgb(62,58,55); 
}


#product1_board{

    /*	
	border-style: dashed;
	*/
}

#product2_board{
	/*
	border-style: dashed;
	*/
}


.yellow_background{
	background-color:rgb(255,212,0);
	
}

.pinkred_background{
	background-color:rgb(255,133,133);
	
}


.brown_text_color{
	color:rgb(142,133,90);
}


.red_text_color{
	color:rgb(200,0,0);
}


.white_text_color{
	color:rgb(200,0,0);
}


.tiffany_text_color{
	color:rgb(81,143,146);
}

.tiffany_background{
	background-color: rgb(81,143,146);
}


.pink_background{
	background-color: rgb(241,173,173);
}

.grayblack_background{
	  background-color:rgb(62,58,57);
}

.white_text_color{
	color:rgb(255,255,255);
}
.white_background{
	  background-color:rgb(255,255,255);
}


#left_block{
	
	width:100%;
	height:auto;
	
}

#notice_text{
	margin-top: 20px;
	font-weight: bold;
	font-size : 20px;
}

#notice_text > ul > li{
	margin-top: 10px;
	
}

#product_information{
	margin-top: 20px;
	width:70%;
	height: auto;
	border-style: solid;
	
}
#product_information_text{
	margin-top:50px;
	
	font-weight: bold;
	font-size : 20px;
	text-align:center;
}

#upload_text_wrap{
	width:100%;
	height:auto;
}

#upload_img_wrap{
	width:100%;
	height:auto;
}


.upload_image_margin{
	margin-top : 10px;
	margin-left : 10px;
	margin-bottom : 10px;
	max-width:100%;
}



#purt_cart{
	margin-top : 5%;
	margin-right:20px;
	font-weight: bold;
    font-size:20px;	
	width:300px;
	height:auto;
}

#direct_buy{
	margin-top : 5%;
	margin-right:20px;
	font-weight: bold;
    font-size:20px;	
	width:300px;
	height:auto;
}

#preview-image{
	width:100%;
	height:300px;
	margin-top:10px;
	margin-bottom:15px;
}

#preview-remark{
	width:100%;
	height:300px;
	margin-top:10px;
	margin-bottom:10px;
}


.header_text{
	margin-top:30px;
	font-weight: bold;
	font-size : 18px;
}
.qa_text{
	margin-top:30px;
	font-weight: bold;
	font-size : 20px;
}


.button_text{
	font-weight: bold;
	font-size : 16px;
	
}

.text-warning{
	color:rgb(255,255,255);
}

#sortpicture{
	width:80%;
	font-weight: bold;
	font-size : 20px;
	
}

#uploadsubmit{
	width:80%;
	font-weight: bold;
	font-size : 20px;
	
}
.image_board_1{
	 border: 3px dashed white;
	 border-radius:10px;
	 margin:10px 10px 10px 10px;
	 //height: 360px;
}

.image_board_2{
	 border: 3px solid white;
	 border-radius:10px;
	 
	 
}

.image_center{
	margin-left: 33%;
    
}


.product_wrap{
	width:80%;
	margin-left:10%;
}

input#sortpicture{
	/*
	color:rgb(81,143,146);
	background-color:rgb(255,212,0);*/
}


.img_margin{
	margin-top:10%;
	
}

#index_text{
	font-weight: bold;
	/*
	font-size : 20px;
	
	line-height: 40px;
	*/
}


.outer_board{
	width:100%;
	height:100%;
}

.inner_board{
	width:90%;
	height:90%;
	margin : 3px 3px 3px 3px;
	border: 1px dashed rgb(81,143,146);
}

.header_class > li:before{
   /*
   border-style: solid;
   border-color: rgb(62,58,57) rgb(62,58,57) rgb(62,58,57) rgb(255,212,0);       
   border-left: thick single rgb(255,212,0);
    */
   /*         
   width:5px;
   background-color: rgb(255,212,0);
   height:20px;
   */
}

.vertical_line{
   margin-top:15px;
   width:3px;
   background-color: rgb(255,212,0);
   height:40px;
   float:left;    
}

.nav_li_text{
    float:right;
    margin-left :6px;
    text-align: center;
}


.under-line-off{
	
	text-decoration:none;
}



.loading{
  position: absolute;
  top: 120px;
  right: 0;
  width: 300px;
  height: 200px;
}

.line{
	width:90%;
	height:3px;
	background-color: #ffffff;
	margin: 10px auto 10px auto;
	border-radius: 3px;
}
.vertical-align {
    display: flex;
    align-items: center;
}


.chrome_text_1{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	font-size:16px;
	font-weight: bold;
	color:rgb(49,114,116);
}

.chrome_text_2{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	font-size:16px;
	font-weight: bold;
	color:rgb(255,255,255);
}

.chrome_text_3{
	font-family: \5FAE\8EDF\6B63\9ED1\9AD4,Microsoft JhengHei,MingLiU,sans-serif;
	font-weight: bold;
	font-size:16px;
	font-weight: bold;
	color:rgb(49,135,134);
}

.text-size {
        font-size: 20px;
    }

@media screen and (max-width: 415px) {
    .text-size {
        font-size: 14px;
    }
	
	#notice_text{
		
		font-size : 16px;
	}
}


@media screen and (max-width: 375px) {
    .text-size {
        font-size: 12px;
    }
	
	#notice_text{
		
		font-size : 14px;
	}
	
}


@media screen and (max-width: 320px) {
    .text-size {
        font-size: 10px;
    }
	
	#notice_text{
		
		font-size : 12px;
	}
	
}